<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>shoppings</title>
    <style>
      body {
  width: 7.5rem;
}

    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
      function ready() {
          document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
          var ActualW = document.getElementsByTagName('body')[0].clientWidth;
          if (ActualW != document.documentElement.clientWidth) {
              var fontSize = parseFloat(document.documentElement.style.fontSize.replace('px', ''));
              var calc = document.documentElement.clientWidth / ActualW;
              document.documentElement.style.fontSize = fontSize * calc + 'px';
          }
      }
      document.addEventListener("DOMContentLoaded", ready, false);
      window.addEventListener("resize", ready, false);
  </script>
  </body>
</html>
